
/*---- CSS Reset & Common CSS ----*/
html, body, div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, 
ul, ol, li, pre, form, button, input, textarea, label, th, td, a, img{margin: 0; padding: 0;}
body{background: #f5f5f5;font-size: 12px; font-family: "microsoft yahei"; color: #333;min-width: 1200px;}
h1, h2, h3, h4, h5, h6{font-weight: normal; font-size: 100%;}
ul, ol{list-style: none;}
img{border: 0 none;}
input, button, 
textarea, select, option{font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit;}
input, button, textarea, select{*font-size: 100%; outline: none;border: 0;}
textarea{resize: none;}
:focus{outline: 0;}
a{color: #333; text-decoration: none;}
a:hover{color: #ff2c72; text-decoration: none;}
iframe{display: block;}

/*layout*/
.yinyue-container{width: 1200px; margin: 0 auto;} 
.fl{float: left;}
.fr{float: right;}
.clearfix:before, .clearfix:after{content: ""; display: table;}
.clearfix:after{clear: both;}
.clearfix{clear: both; *zoom: 1;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 20px;}

/*----------通用头部css样式----------*/
.header{background-color: #222;}
/*--顶部Css--*/
.head-top{height: 30px; width: 100%; background: #1c1d1e;}
.yin-logo{height: 30px; width: 57px;float: left;}
.top-menu{line-height: 30px;color: #999; float: right;}
.sina,.split-line,.wechat,.zhengpin{float: left;}
.split-line{color: #444;}
.sina,.wechat{width: 130px; text-align: center;cursor: pointer;}
.scan{font-size: 14px; color: #ff2c72; margin-top: -12px;}
.popsina,.popwechat{display: none;background: #fff; position: absolute;width: 110px; padding:0 10px; z-index: 9; border-bottom: 1px solid #ddd;}
.wechat:hover,.sina:hover{background: #fff;}
.wechat:hover .popwechat,.sina:hover .popsina{display: block;}
.top-menu img{width: 100%;}
.zhengpin{text-decoration: none; color:#999; text-align: right; width: 90px;}
/*--头部主题css--*/
.head-main{height: 90px;border-bottom: 1px solid #444;}
.shop-logo{display: block; float: left; padding: 6px 60px 0;}
.shop-search{position: relative; float: left; margin: 25px 0 0 230px;}
.shop-search input{width: 431px; height: 38px; padding-left: 20px; background: url(../img/icon/search_icon.png) no-repeat -1px -44px;}
.shop-search .search-btn{position: absolute; top: 0; right: 15px; display: block; width: 24px; height: 39px; 
							background: url(../img/icon/search_icon.png) -461px 0 no-repeat;}
.shop-search input:focus{background: url(../img/icon/search_icon.png) no-repeat -1px -1px;}
.shop-search input:focus + .search-btn{background: url(../img/icon/search_icon.png) -461px -43px no-repeat;}
.user-box{float: right;}
.user-box a{color: #ddd; line-height: 90px; margin-left: 20px; display: inline-block;}
.shop-loginBtn{background: url(../img/icon/avatar.png) no-repeat left center / 20px;padding-left: 30px;}
.my-cart{background: url(../img/icon/cart-logo-v1.png) no-repeat left center / 20px;padding-left: 30px;}
.user-box a:hover{color: #ff2c72;}
/*--头部导航nav--*/
.head-nav a{color: #f5f5f5;}
.head-nav a:hover{color: #ff2c72;}
.nave-type{float: left; width: 100px; background: #191a1b; text-align: center; font-size: 14px; line-height: 35px; cursor: pointer; margin: 0 50px;}
.nav-box{float: left; overflow: hidden; padding-left: 35px;}
.nav-box li{float: left; margin-right: 44px; padding: 0 15px; height: 32px; color: #f5f5f5; font-size: 14px; line-height: 35px;}
.nav-box li.active,.nav-box li:hover{border-bottom: 3px solid #ff2c72;}
.nav-box li.active a,.nav-box li:hover a{color: #ff2c72;}
/*----------通用头部css样式 End----------*/

/*----------通用尾部css样式----------*/
.footer {background: #181818;color: #999;text-align: center; padding-bottom: 30px;}
.footer-service{background: #fff; padding: 10px 0;}
.footer a {color: #999;}
.footer a:hover,.footer-link a:hover{color: #52e2c0;}
.footer-link { font-size: 14px; padding: 35px 0 20px;}
.footer-link a{color: #666;}
.footer-link .ico_line{border-right: 1px dotted #ddd; height: 10px; display: inline-block; margin: 0 10px;}
.footer .culture img{vertical-align: -8px;width:25px;height:25px;margin-right:3px;}
.footer .biaoshi img{vertical-align: top; margin-top: -25px;}
/*----------通用尾部css样式 End----------*/

/*喜欢小图标专用css*/
.like .like-icon{display: inline-block; background: url(../img/icon/ico.png) 0 -72px no-repeat; width: 13px; height: 10px; margin-right: 5px; cursor: pointer;}
.like:hover .like-icon{background:url(../img/icon/ico.png) -13px -72px no-repeat;}
.like .like-num{color: #999;font-style: normal;}
/*喜欢小图标专用css end*/

/*返回头部的样式*/
a.return_top_static{display: inline-block;height: 65px;width: 50px;
	background: url(../img/returntop.png) no-repeat;
	position: fixed;bottom: 100px;right: 50px;display:none;}
